<template>
	<div class="header">
		<div class="header_left">
			<div class="iconfont back-icon">&#xe624;</div>
		</div>
		<div class="header_input">
			<span class="iconfont">&#xe632;</span>
			输入城市/景点/游玩主题
		</div>
		<div class="header_right">
			城市
			<span class="iconfont">&#xe64a;</span>
		</div>
	</div>
</template>

<script>
	export default{
		name:'HomeHeader'
	}
</script>

<style lang="stylus" scoped>
 	@import '../../../assets/styles/varibles.styl'
	.header
	 display:flex
	 line-height: .86rem
	 background:$bgColor
	 color:#fff
	.header_left
	 width: .64rem 
	 float:left
	 .back-icon
	  text-align:center
	  font-size: .4rem
	.header_input
	 flex:1
	 height:.64rem
	 line-height:.64rem
	 margin-top: .12rem
	 margin-left: .2rem
	 margin-right:.2rem
	 padding-left: .2rem
	 background:#fff
	 border-radius: .1rem
	 color:#ccc
	.header_right
	 width:1.24rem
	 float:right
</style>